﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="AnswerControl.ascx.cs"
    Inherits="qna.Controls.AnswerControl" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

 <style type="text/css">
     
     .ModalPopup {background:rgba(0,0,0,0.5);}
     
 </style>

<div id="AllAns">
    <div id="ud">
        <asp:HiddenField ID="answerId" runat="server" />
        <asp:ImageButton ID="btnBest" runat="server" ImageUrl="../images/best_grayscale.jpg"
            onmouseover="this.src='../images/best.jpg'" onmouseout="this.src='../images/best_grayscale.jpg'"
            OnClick="btnBest_Click" />
        <asp:ImageButton ID="AnsEdit" runat="server" ImageUrl="../images/edit_grayscale.jpg"
            onmouseover="this.src='../images/edit.jpg'" 
            onmouseout="this.src='../images/edit_grayscale.jpg'" onclick="AnsEdit_Click" />
        <asp:ImageButton ID="AnsDlt" ImageUrl="../images/delete_grayscale.jpg" onmouseover="this.src='../images/delete.jpg'"
            onmouseout="this.src='../images/delete_grayscale.jpg'" runat="server" OnClick="AnsDlt_Click">
        </asp:ImageButton>
    </div>
    <p class="descrip" runat="server" id="content">
    </p>
    <div id="btmLine">
        <ul>
            <li class="imgRating">
                <asp:ImageButton ID="imgRating1" runat="server" ImageUrl="../images/images.jpg" onmouseover="this.src='../images/rating_liked.jpg'"
                    onmouseout="this.src='../images/images.jpg'" OnClick="imgRating1_Click" />
            </li>
            <li class="lblRating">
                <asp:Label ID="lblRating1" runat="server" Text="5"></asp:Label>
            </li>
            <li class="AnsUname">Posted By:
                <asp:Label ID="lblPostedBy" runat="server" Text="1004829F_Stu"></asp:Label>
            </li>
            <li>
                <p class="AnsDate" runat="server" id="date">
                    Date comes here</p>
            </li>
        </ul>
    </div>
</div>
<%--Update Answer Modal Popup--%>
<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="AnsEdit"
    PopupControlID="UpdateAnsPanel" BackgroundCssClass="ModalPopup">
</asp:ModalPopupExtender>
<asp:Panel ID="UpdateAnsPanel" runat="server">
    <div  id="popup" style="border: medium solid #4D8D99; background-color: #FFFFFF; width: 400px;
        height: 220px; margin: 10px 10px 10px 10px;">
        <h2 style="margin-left: 30px; color: #E44D32; font-family: Arial">
            Update Answer</h2>
        <p style="margin-left: 30px;">
            <asp:TextBox ID="txtUpdAnswer" runat="server" BorderColor="#4D8D99" BorderStyle="Solid"
                BorderWidth="1px" Height="80px" TextMode="MultiLine" Width="93%"></asp:TextBox></p>
        <p style="float: right; margin-right: 23px;">
            <asp:Button ID="btnCancel" runat="server" BackColor="#E5D0B1" BorderColor="#5F99A7"
                BorderStyle="Solid" Font-Bold="True" Font-Size="Medium" ForeColor="#E0634F" Height="33px"
                Text="Cancel" Width="98px" OnClick="btnCancel_Click" /></p>
        <p style="float: right; margin-right: 23px;">
            <asp:Button ID="btnUpdate" runat="server" BackColor="#E5D0B1" BorderColor="#5F99A7"
                BorderStyle="Solid" Font-Bold="True" Font-Size="Medium" ForeColor="#E0634F" Height="33px"
                Text="Update" Width="98px" OnClick="btnUpdate_Click" /></p>
    </div>
</asp:Panel>
